<template>
	<view class="iconfont" :class="icon" :style="'font-size:'+size+'rpx;color:'+color+';'+custom"></view>
</template>
<script setup>
	import {
		ref
	} from "vue"

	defineProps({
		size: {
			type: String,
			default: "32"
		},
		color: {
			type: String,
			default: "#333"
		},
		custom: {
			type: String,
			default: ""
		},
		icon: String
	})
</script>
<style lang="scss" scoped>
	@font-face {
		font-family: 'iconfont';
		src: url('../font/iconfont.ttf') format('truetype');
	}

	.iconfont {
		font-family: "iconfont" !important;
		// font-size: 32rpx;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		// vertical-align: bottom;
	}
	//机器人
	.ai:before {
		content: "\e7a2";
	}
	//分享
	.share:before {
		content: "\e64f";
	}
	//复制
	.copy:before {
		content: "\e60d";
	}
	//菜单
	.menu:before {
		content: "\e668";
	}
	//侧边
	.side:before {
		content: "\e61d";
	}
	//消息
	.msg:before {
		content: "\e622";
	}
	//添加消息
	.addmsg:before {
		content: "\e845";
	}
	//声音
	.play:before {
		content: "\e61e";
	}
	//发送
	.send:before {
		content: "\e65f";
	}
	//清除
	.close:before {
		content: "\e7e9";
	}
	//问题
	.answer:before {
		content: "\e6aa";
	}
	//广播
	.notify:before {
		content: "\e689";
	}
	//删除
	.delete:before {
		content: "\e602";
	}
	//用户
	.user:before {
		content: "\e655";
	}
	//用户
	.user-full:before {
		content: "\e60c";
	}
	//密码
	.password:before {
		content: "\e616";
	}
	//关闭2
	.close2:before {
		content: "\e638";
	}
	//退出
	.logout:before {
		content: "\e7e5";
	}
	
	//收藏
	.collect:before {
		content: "\e8b9";
	}
	//搜索
	.search:before {
		content: "\e603";
	}
	//搜索
	.info:before {
		content: "\e62f";
	}
	
	
	
	
	
	

</style>